<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html lang="zh-CN" data-theme="light">
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>测试页面</title>
<meta name="description">
<meta name="theme-color" content="#ffffff">
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css">
<style type="text/css">
#nav {
	opacity: 1
}

.justified-gallery img {
	opacity: 1
}
</style>
<script>var GLOBAL_CONFIG = {
     root: '/',
     hexoversion: '5.1.1',
     algolia: undefined,
     localSearch: undefined,
     translate: undefined,
     noticeOutdate: undefined,
     highlight: { "plugin": "highlighjs", "highlightCopy": true, "highlightLang": true },
     copy: {
       success: '复制成功',
       error: '复制错误',
       noSupport: '浏览器不支持'
     },
     bookmark: {
       message_prev: '按',
       message_next: '键将本页加入书签'
     },
     runtime: '',
     date_suffix: { "one_hour": "刚刚", "hours": "小时前", "day": "天前" },
     copyright: undefined,
     ClickShowText: undefined,
     medium_zoom: false,
     fancybox: true,
     Snackbar: undefined,
     justifiedGallery: {
       js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
       css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
     },
     baiduPush: false,
     isPhotoFigcaption: false,
     islazyload: false,
     isanchor: false
   };

   var saveToLocal = {
     set: function setWithExpiry(key, value, ttl) {
       const now = new Date()
       const expiryDay = ttl * 86400000
       const item = {
         value: value,
         expiry: now.getTime() + expiryDay,
       }
       localStorage.setItem(key, JSON.stringify(item))
     },

     get: function getWithExpiry(key) {
       const itemStr = localStorage.getItem(key)

       if (!itemStr) {
         return undefined
       }
       const item = JSON.parse(itemStr)
       const now = new Date()

       if (now.getTime() > item.expiry) {
         localStorage.removeItem(key)
         return undefined
       }
       return item.value
     }
   }
 </script>
<script id="config_change">
   var GLOBAL_CONFIG_SITE = {
     isPost: false,
     isHome: true,
     isHighlightShrink: false,
     isSidebar: false,
     postUpdate: '2020-09-07 23:08:41'
   }
 </script>
<script>
   //主题切换，及自动切换
   var activateDarkMode = function () {
     document.documentElement.setAttribute('data-theme', 'dark')
     if (document.querySelector('meta[name="theme-color"]') !== null) {
       document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
     }
   }
   var activateLightMode = function () {
     document.documentElement.setAttribute('data-theme', 'light')
     if (document.querySelector('meta[name="theme-color"]') !== null) {
       document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
     }
   }

   var autoChangeMode = 'false'
   var t = saveToLocal.get('theme')
   if (autoChangeMode === '1') {
     var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
     var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
     var isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
     var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified

     if (t === undefined) {
       if (isLightMode) activateLightMode()
       else if (isDarkMode) activateDarkMode()
       else if (isNotSpecified || hasNoSupport) {
         var now = new Date()
         var hour = now.getHours()
         var isNight = hour <= 6 || hour >= 18
         isNight ? activateDarkMode() : activateLightMode()
       }
       window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
         if (saveToLocal.get('theme') === undefined) {
           e.matches ? activateDarkMode() : activateLightMode()
         }
       })
     } else if (t === 'light') activateLightMode()
     else activateDarkMode()
   } else if (autoChangeMode === '2') {
     now = new Date()
     hour = now.getHours()
     isNight = hour <= 6 || hour >= 18
     if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
     else if (t === 'light') activateLightMode()
     else activateDarkMode()
   } else {
     if (t === 'dark') activateDarkMode()
     else if (t === 'light') activateLightMode()
   }
 </script>
<meta name="generator" content="Hexo 5.1.1">
</head>
<body>
	<!-- 引入头部 -->
	<jsp:include page="header.jsp" flush="true" />
	<main class="layout_page" id="content-inner">
	<div class="recent-posts" id="recent-posts">
		<div class="recent-post-item">
			<div class="post_cover left_radius">
				<a href="/2020/09/07/hello-world/" title="Hello World"> <img
					class="post_bg"
					src="https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/cover/default_bg.png"
					onerror="this.onerror=null;this.src='img/404.jpg'"
					alt="Hello World"></a>
			</div>
			<div class="recent-post-info">
				<a class="article-title" href="/2020/09/07/hello-world/"
					title="Hello World">Hello World</a>
				<div class="article-meta-wrap">
					<span class="post-meta-date"><i class="far fa-calendar-alt"></i><span
						class="article-meta-label">发表于</span> <time
							datetime="2020-09-07T09:26:15.103Z"
							title="发表于 2020-09-07 17:26:15">2020-09-07</time></span> <span
						class="article-meta"><span class="article-meta__separator">|</span><i
						class="fas fa-inbox article-meta__icon"></i><a
						class="article-meta__categories" href="/categories/Hexo/">Hexo</a><i
						class="fas fa-angle-right"></i><a class="article-meta__categories"
						href="/categories/Hexo/%E6%95%99%E7%A8%8B/">教程</a> </span>
				</div>
				<div class="content">这里写博客的内容 Lorem ipsum dolor sit amet
					consectetur adipisicing elit. Possimus omnis perspiciatis deleniti
					aperiam sapiente molestias consectetur. Maxime consequuntur
					explicabo cupiditate error sed sit distinctio at voluptatum, vitae
					cum nostrum rem. Lorem ipsum dolor sit amet consectetur adipisicing
					elit. Quia suscipit similique asperiores harum at molestias
					perferendis incidunt nostrum rem numquam facilis dicta illo quae
					mollitia, repellat laboriosam earum corrupti vero! Lorem ipsum
					dolor, sit amet consectetur adipisicing elit. Nulla libero
					provident voluptatem neque enim aperiam ea tempora minima totam
					fuga dolor suscipit, tempore eos? Illo exercitationem sed quaerat
					maxime. Accusamus?</div>
			</div>
		</div>

		<!-- 				//分页 -->
		<nav id="pagination">
			<div class="pagination">
				<span class="page-number current">1</span>
			</div>
		</nav>
	</div>
	<!-- 	引入侧边栏 --> <jsp:include page="right.jsp" flush="true" /> </main>
	<!-- 引入页脚 -->
	<jsp:include page="footer.jsp" flush="true" />
</body>
</html>